<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>E-Bank Service 商户管理平台</title>
   <!-- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=0" name="viewport">-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="layui/css/layui.css" th:href="@{/static/lib/layui/css/layui.css}"/>
    <link rel="stylesheet" href="css/admin.css" th:href="@{/static/css/admin.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:992px)" href="css/admin.mobile.css" th:href="@{/static/css/admin.mobile.css}">
</head>

<body>
<!-- 布局容器 -->
<div class="layui-layout layui-layout-admin">

    <!-- 头部 -->
    <div id="header">
        <header-component></header-component>
    </div>

    <!-- 遮罩层 -->
    <div class="masked"></div>

    <!-- 左侧菜单 -->
    <div id="leftSlide">
        <leftslide-component></leftslide-component>
    </div>

    <!-- 主体 -->
    <div class="layui-body">
        <!-- 主要内容 -->
        <div class="container">
            <blockquote class="layui-elem-quote hide-wap"><span style="color:#FF5722">超级管理员</span>
                <p>E-Bank Service 商户管理平台欢迎您！</p>
            </blockquote>

            <fieldset class="layui-elem-field mt10 layui-field-res">
                <legend>汇总</legend>
                <div class="layui-field-box">
                    <table class="layui-table" lay-skin="nob">
                        <tbody>
                        <tr>
                            <td>账户余额<span class="layui-field-bd  price">1800.0000</span></td>
                        </tr>
                        <tr>
                            <td>收银总金额<span class="layui-field-bd price">1200.0000</span></td>
                            <td>收银总手续费<span class="layui-field-bd price">1200.00</span></td>
                        </tr>
                        <tr>
                            <td>提现总金额<span class="layui-field-bd price">1200.0000</span></td>
                            <td>提现总手续费<span class="layui-field-bd price">1200.0000</span></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </fieldset>

            <fieldset class="layui-elem-field mt10  layui-field-res">
                <legend>统计图</legend>
                <div class="layui-field-box box-main">
                    <div id="main"></div>
                </div>
            </fieldset>
        </div>
    </div>

</div>
<!-- 可不引入 -->
<script type="text/javascript" src="js/vue.min.js" th:src="@{/static/js/vue.min.js}"></script>

<script type="text/javascript" src="layui/layui.js" th:src="@{/static/lib/layui/layui.js}"></script>
<script type="text/javascript" src="js/fastclick.js" th:src="@{/static/js/fastclick.js}"></script>
<script type="text/javascript" src="js/echarts.common.min.js" th:src="@{/static/js/echarts.common.min.js}"></script>
<script type="text/javascript" src="js/admin.js" th:src="@{/static/js/admin.js}"></script>
<script>
    layui.use(['jquery', 'layer'], function () {
        var $ = layui.jquery,
            layer = layui.layer
        $(function () {
            FastClick.attach(document.body);
        });
    });
</script>

<script>
    var myChart = echarts.init(document.getElementById('main'));

    var option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['收银总金额', '收银总手续费', '提现总金额', '提现总手续费']
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['2017-01', '2017-02', '2017-03', '2017-04', '2017-05', '2017-06', '2017-07']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '收银总金额',
                type: 'line',
                data: [35.00, 40.00, 39.00, 22.00, 78.00, 43.00, 90.00, 52.00, 45.00, 65.00]
            }, {
                name: '收银总手续费',
                type: 'line',
                data: [6.00, 9.00, 1.00, 7.00, 3.00, 5.00, 2.00, 8.00, 4.00, 10.00]
            }, {
                name: '提现总金额',
                type: 'line',
                data: [9.00, 6.00, 1.00, 5.00, 3.00, 8.00, 2.00, 10.00, 4.00, 7.00]
            },
            {
                name: '提现总手续费',
                type: 'line',
                data: [9.00, 6.00, 1.00, 5.00, 3.00, 8.00, 2.00, 10.00, 4.00, 7.00]
            }]
    };

    myChart.setOption(option);

</script>

</body>

</html>